<template>
  <div v-show="props.compType === 'table'">
    <div style="height: 20px; margin-top: 10px; font-size: 14px; text-align: center">
      <el-icon><InfoFilled /></el-icon>请点击右键增加行列，或者合并单元格
    </div>
    <el-divider></el-divider>
    <el-form-item label="ID">
      <el-tooltip
        class="item"
        effect="dark"
        content="请注意,ID的修改可能会导致该组件相关事件失效！"
        placement="left"
      >
        <el-input v-model="props.id" class="input" @change="handlerChangeId"></el-input>
      </el-tooltip>
    </el-form-item>
    <el-form-item label="单元格样式">
      <el-input v-model="props.tdStyle" class="input"></el-input>
    </el-form-item>
    <el-form-item label="表格宽度">
      <el-inputNumber v-model="props.width" class="input" :min="0" :max="500"></el-inputNumber>
    </el-form-item>
    <el-form-item label="行高">
      <el-inputNumber
        v-model="props.height"
        class="input"
        :min="0"
        :max="1500"
        :step="5"
      ></el-inputNumber>
    </el-form-item>
  </div>
</template>
<script>
  import { changeId } from '../mixin';
  /**
   * input的配置项
   */
  export default {
    name: 'InputConfig',
    components: {},
    mixins: [changeId],
    props: ['props', 'getFormId'],
    data() {
      return {};
    },
    methods: {},
  };
</script>
<style scoped></style>
